/**
 * Created by zhaojing on 2017/11/22.
 */


import Vue from 'vue';
import VueRouter from 'vue-router';
import VueI18n from 'vue-i18n';
import moment from 'moment';

import './base/init';
import LangPopover from '../component/LangPopover.vue';
import Loading from '../../grsc-base/component/Loading.vue';
import messages from '../module/c2c/lang';
import coinConfig from '../common/coinConfig'
import lib from '../../src/common/lib';

import Index from '../module/c2c/main';

import AdMain from '../module/c2c/ad/main';
import AdCreateOrUpdate from '../module/c2c/ad/create/main';
import AdDetailSell from '../module/c2c/ad/detail-sell/main';
import AdDetailBuy from '../module/c2c/ad/detail-buy/main';
import AdDetailSellRes from '../module/c2c/ad/detail-sell-res/main.vue';

import Order from '../module/c2c/order/main';
import MySellOrder from '../module/c2c/order/mySellOrder/main';
import MyBuyOrder from '../module/c2c/order/myBuyOrder/main';
import MyAdvert from '../module/c2c/order/myAdvert/main';

import Complain from '../module/c2c/complain/main';

Vue.use(VueI18n);
Vue.prototype.$$c2cCoin = coinConfig.c2cAssets;
Vue.prototype.$$moment = moment;


let i18n = new VueI18n({
    locale: window.app.LANG,
    messages,
});

const router = new VueRouter({
    'routes': [{
            path: '/',
            name: '',
            component: Index
        },

        // {
        //     path: '/ad',
        //     name: 'ad',
        //     component: AdMain,
        //     children: [
        //         // {
        //         //     path: 'create',
        //         //     name: 'adCreate',
        //         //     component: AdCreateOrUpdate
        //         // },
        //         // {
        //         //     path: 'update/:type/:advertId',
        //         //     name: 'adUpdate',
        //         //     component: AdCreateOrUpdate
        //         // },
        //         {
        //             path: 'detail/sell/:adId',
        //             name: 'adDetailSell',
        //             component: AdDetailSell
        //         },
        //         {
        //             path: 'detail/buy/:adId',
        //             name: 'adDetailBuy',
        //             component: AdDetailBuy
        //         },
        //         {
        //             path: 'detail/sell-res/:c2cTransOrderNum',
        //             name: 'adDetailSellRes',
        //             component: AdDetailSellRes
        //         }
        //     ]
        // },

        // // 创建广告
        // {
        //     path: '/ad/create',
        //     name: 'adCreate',
        //     component: AdCreate
        // },
        // {
        //     path: '/ad/detail/sell',
        //     name: 'adDetailSell',
        //     component: AdDetailSell
        // },
        // {
        //     path: '/ad/detail/buy',
        //     name: 'adDetailBuy',
        //     component: AdDetailBuy
        // },
        // {
        //     path: '/order',
        //     name: '',
        //     component: Order,
        //     children: [{
        //             path: 'sell',
        //             name: 'mySellOrder',
        //             component: MySellOrder,
        //             beforeEnter: (to, from, next) => {
        //                 if (lib.isLogin() === true) {
        //                     next();
        //                 } else {
        //                     window.error('未登錄', () => {
        //                         window.location.href = './login.html';
        //                     }, 2000);
        //                 }
        //             },
        //         },
        //         {
        //             path: 'buy',
        //             name: 'myBuyOrder',
        //             component: MyBuyOrder
        //         },
        //         {
        //             path: 'advert',
        //             name: 'myAdvert',
        //             component: MyAdvert
        //         },
        //     ]
        // },
        // {
        //     path: '/complain:transOrderId',
        //     name: 'complain',
        //     component: Complain
        // },
        // {
        //     path: '/order',
        //     name: 'showAd',
        //     component: showAd
        // },
        // {
        //     path: '/certification',
        //     name: 'certification',
        //     component: Certification
        // }
    ]
});


const app = new Vue({
    router,
    i18n,
    components: {
        Loading,
        LangPopover
    },
    data() {
        return {
            clientHeight: 1000
        }
    },
    created() {
        this.clientHeight = document.body.clientHeight - (48 + 32);
    },
    mounted() {
        // this.setNavStyle();
    },
    watch: {
        // "$route": "setNavStyle"
    },
    methods: {
        setNavStyle() {
            // let $nav = $('.layout-nav');
            // let $window = $(window);
            // if(this.$route.fullPath === '/'){
            //     $nav.addClass('layout-nav--index');
            //     $window.off('scroll').on('scroll', (e) => {
            //         if($window.scrollTop()<=400){
            //             $nav.removeClass('layout-nav--index--bg');
            //         }else{
            //             $nav.addClass('layout-nav--index--bg');
            //         }
            //     });
            // }else{
            //     $nav.removeClass('layout-nav--index');
            //     $window.off('scroll');
            // }
        }
    }
}).$mount('#app');